<script>

import AnchoredHeading from "./components/AnchoredHeading.vue";

export default {
    name: 'App',
    components: {AnchoredHeading},
    data() {
        return {
            name: "李五"
        }
    },
    render(createElement, context) {

        let arr = []

        function arr123() {
                for (let i = 0; i < 5; i++) {
                    arr.push(<h2>我爱你</h2>)
                }
                return arr
        }

        console.log("@", arr)
        return (
                <div>

                    <h2>
                        {
                            arr123()
                        }
                        <AnchoredHeading ziZuJian={this.name}></AnchoredHeading>
                    </h2>
                </div>

        )
    }
}
</script>
<style scoped>
    h2 {
        background-color: dimgrey;
    }
</style>